<header class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-theme">
        <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
              mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
        <div class="mdui-typo-title web-title">首页</div>
        <div class="mdui-toolbar-spacer"></div>
        <div class="mc-appbar-user">
            <div class="mdui-btn mdui-btn-icon mdui-btn-dense user" title="username" mdui-menu="{target: '#appbar-user-popover', covered: false}">
                <img src="${ctx}/static/img/avatar/man.png" width="32" height="32">
            </div>
            <div class="mdui-menu popover" id="appbar-user-popover"
                 style="transform-origin: 100% 0px 0px; position: fixed;">
                <div class="info">
                    <div class="avatar">
                        <div class="mc-avatar-upload">
                            <button class="mdui-btn mdui-btn-icon mdui-ripple upload-btn" type="button" title="点击上传头像">
                                <i class="mdui-icon material-icons">photo_camera</i>
                            </button>
                            <input type="file" title=" " accept="image/*" name="avatar" id="avatar">
                        </div>
                        <img src="${ctx}/static/img/avatar/man.png" width="96" height="96">
                    </div>
                    <div class="username">${user.username}</div>
                    <a href="${ctx}/user/userinfo" class="mdui-btn mdui-btn-dense mdui-btn-raised mdui-ripple mdui-color-blue mdui-text-color-white personal">
                        个人资料
                    </a>
                </div>
                <div class="bottom">
                    <a href="${ctx}/logout" class="mdui-btn mdui-btn-dense mdui-btn-raised mdui-ripple mdui-ripple-black mdui-color-white mdui-float-right">
                        退出
                    </a>
                </div>
            </div>
        </div>
    </div>
</header>